<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--meta:vp Tab键-->
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>珠峰培训2017-14JS</title>
    <style>
        html,body,canvas{
            margin: 0;
            padding: 0;
        }
        #canvas{
            background-color: #eee;
            margin: 0 auto;
            display: block;
        }
    </style>
</head>
<body>
<canvas id="canvas"></canvas>
</body>
</html>
<script src="js/Progress.js"></script>
<script src="js/Game.js"></script>
<script>
    var game=new Game();
</script>
<!--<script type="text/javascript">-->
    <!--var canvas=document.getElementById("canvas");-->
    <!--//创建一个绘制环境 2d环境-->
    <!--var draw=canvas.getContext("2d");-->
    <!--/*-->
    <!--//设置填充颜色-->
    <!--draw.fillStyle="green";-->
    <!--//绘制一个矩形-->
    <!--//draw.fillRect(x,y,w,h)-->
    <!--// x,y是这个矩形的左上角的坐标-->
    <!--// w,h是这个矩形宽高-->
    <!--draw.fillRect(0,0,100,100);-->
    <!--//清除一个矩形的范围-->
    <!--draw.clearRect(25,25,50,50)-->
    <!--*/-->
<!--//    var w=500;-->
<!--//    draw.fillStyle="red";-->
<!--//    setInterval(function () {-->
<!--//        //清掉上一帧的内容-->
<!--//        draw.clearRect(0,0,500,500);-->
<!--//        draw.fillRect(0,0,w&#45;&#45;,100);-->
<!--//    },10)-->

    <!--var n=0;-->
    <!--setInterval(function () {-->
        <!--draw.fillStyle=`rgb(${Math.round(Math.random()*255)},${Math.round(Math.random()*255)},${Math.round(Math.random()*255)})`;-->
        <!--draw.clearRect(0,0,500,500);-->
        <!--draw.fillRect(n++,n++,100,100);-->
    <!--},100)-->

<!--</script>-->